irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Wallust] Chroma Tally V2.css
274 lines5.1 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Wallust - Chroma Tally v2 */
3
4/* edited by: https://github.com/prateekshukla1108 */
5
6@import '../../.config/waybar/wallust/colors-waybar.css';
7
8* {
9 font-family: "JetBrainsMono Nerd Font";
10 font-weight: bold;
11 min-height: 0;
12 font-size: 97%;
13 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
14}
15
16window#waybar {
17 background: @color0; /* Dark background */
18 border-radius: 12px;
19 border-bottom: 2px;
20 border-style: solid;
21 border-color: @color7; /* Light border */
22}
23
24#workspaces {
25 background: transparent;
26 padding: 2px;
27 border-radius: 15px;
28 border: 0px;
29 font-style: normal;
30 color: @color7; /* Light text */
31}
32
33#taskbar button,
34#workspaces button {
35 padding: 0px 5px;
36 border-radius: 15px;
37 border: 0px;
38 color: @color7; /* Light text */
39 background: linear-gradient(45deg, @color5, @color6, @color7); /* Lighter gradient */
40 opacity: 0.5;
41 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
42}
43
44#taskbar button.active,
45#workspaces button.active {
46 padding: 0px 5px;
47 border-radius: 15px;
48 border: 0px;
49 color: @color7; /* Light text */
50 background: linear-gradient(45deg, @color5, @color6); /* Lighter gradient */
51 opacity: 1.0;
52 min-width: 40px;
53 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
54}
55
56#workspaces button:hover {
57 border-radius: 15px;
58 color: @color7; /* Light text */
59 background: linear-gradient(45deg, @color6, @color7); /* Lighter gradient */
60 opacity: 0.8;
61 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
62}
63
64tooltip {
65 background: @color1; /* Slightly darker tooltip background */
66 opacity: 0.8;
67 border-radius: 6px;
68 color: @color7; /* Light text */
69}
70
71#backlight,
72#backlight-slider,
73#battery,
74#bluetooth,
75#clock,
76#cpu,
77#disk,
78#idle_inhibitor,
79#keyboard-state,
80#memory,
81#mode,
82#mpris,
83#network,
84#power-profiles-daemon,
85#pulseaudio,
86#pulseaudio-slider,
87#taskbar,
88#temperature,
89#tray,
90#window,
91#wireplumber,
92#workspaces,
93#custom-backlight,
94#custom-browser,
95#custom-cava_mviz,
96#custom-cycle_wall,
97#custom-dot_update,
98#custom-file_manager,
99#custom-keybinds,
100#custom-keyboard,
101#custom-light_dark,
102#custom-lock,
103#custom-hint,
104#custom-hypridle,
105#custom-menu,
106#custom-playerctl,
107#custom-power_vertical,
108#custom-power,
109#custom-quit,
110#custom-reboot,
111#custom-settings,
112#custom-spotify,
113#custom-swaync,
114#custom-tty,
115#custom-updater,
116#custom-weather,
117#custom-weather.clearNight,
118#custom-weather.cloudyFoggyDay,
119#custom-weather.cloudyFoggyNight,
120#custom-weather.default,
121#custom-weather.rainyDay,
122#custom-weather.rainyNight,
123#custom-weather.severe,
124#custom-weather.showyIcyDay,
125#custom-weather.snowyIcyNight,
126#custom-weather.sunnyDay {
127 padding-top: 5px;
128 padding-bottom: 5px;
129 padding-right: 6px;
130 padding-left: 6px;
131 color: @color6; /* Lighter - changed from color5 */
132}
133
134#clock {
135 color: @color6; /* Lighter */
136}
137
138#backlight {
139 color: @color5; /* Lighter */
140}
141
142#battery {
143 color: @color6; /* Lighter */
144}
145
146#battery.charging {
147 color: @color7; /* Lightest */
148}
149
150@keyframes blink {
151 to {
152 color: @color4; /* Slightly lighter blink color */
153 background-color: @color7; /* Lightest */
154 }
155}
156
157#battery.critical:not(.charging) {
158 background: @color5; /* Lighter background */
159 color: @color7; /* Lightest */
160 animation-name: blink;
161 animation-duration: 3.0s;
162 animation-timing-function: steps(12);
163 animation-iteration-count: infinite;
164 animation-direction: alternate;
165}
166
167#cpu {
168 color: @color6; /* Lighter */
169}
170
171#disk {
172 color: @color5; /* Lighter */
173}
174
175#custom-keyboard,
176#memory {
177 color: @color6; /* Lighter */
178}
179
180#network.disabled {
181 color: @color5; /* Lighter */
182}
183
184#network{
185 color: @color6; /* Lighter */
186}
187
188#network.disconnected {
189 color: @color5; /* Lighter */
190}
191
192#pulseaudio {
193 color: @color7; /* Lightest */
194}
195
196#pulseaudio.muted {
197 color: @color5; /* Lighter */
198}
199
200#custom-light_dark,
201#temperature {
202 color: @color6; /* Lighter */
203}
204
205#temperature.critical {
206 color: @color5; /* Lighter */
207}
208
209#keyboard-state,
210#custom-hypridle,
211#idle_inhibitor {
212 color: @color5; /* Lighter */
213}
214
215/*-----Indicators----*/
216#custom-hypridle.notactive,
217#idle_inhibitor.activated {
218 color: @color4; /* Slightly lighter */
219}
220
221#tray {
222}
223
224#custom-swaync,
225#custom-menu {
226 color: @color7; /* Lightest */
227 padding-left: 8px;
228}
229
230#custom-power{
231 color: @color6; /* Lighter */
232}
233
234#window{
235 border-style: hidden;
236}
237
238#custom-lock,
239#bluetooth{
240 color: @color5; /* Lighter */
241}
242
243#custom-cava_mviz{
244 color: @color7; /* Lightest */
245}
246
247#custom-weather{
248 color: @color5; /* Lighter */
249}
250
251#backlight-slider slider,
252#pulseaudio-slider slider {
253 min-width: 0px;
254 min-height: 0px;
255 opacity: 0;
256 background-image: none;
257 border: none;
258 box-shadow: none;
259}
260
261#backlight-slider trough,
262#pulseaudio-slider trough {
263 min-width: 80px;
264 min-height: 5px;
265 border-radius: 5px;
266 background-color: @color2; /* Slightly darker trough */
267}
268
269#backlight-slider highlight,
270#pulseaudio-slider highlight {
271 min-height: 10px;
272 border-radius: 5px;
273 background-color: @color6; /* Lighter highlight */
274}